// 备用代码模板，当导入失败时使用
export const fallbackCode = `<template>
  <div class="hello-world">
    <h1>{{ message }}</h1>
    <p>编辑左侧代码，失去焦点后将自动更新预览</p>
  </div>
</template>

<script>
import { ref } from 'vue'

export default {
  setup() {
    const message = ref('Vue 编辑器示例')
    return {
      message
    }
  }
}
<\/script>

<style scoped>
.hello-world {
  padding: 20px;
  text-align: center;
  color: #2c3e50;
}
h1 {
  font-size: 1.5rem;
  margin-bottom: 12px;
}
</style>`;
